<div class="modal fade" id="uploadModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
			<div class="col-xs-12 col-sm-12 col-md-12">
				<div class="panel panel-primary">
					<div class="panel-heading">
						<button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">&times;</span><span class="sr-only">
							</span>
						</button>
						<button id="closebtnupload" aria-hidden="true" data-dismiss="modal" class="close" type="button">-&nbsp;&nbsp;</button>
						<h3 class="panel-title">Upload Files</h3>
					</div>
					<div class="panel-body">
							<form id="upload" action=//s3-ap-southeast-1.amazonaws.com/${s3Config.s3Bucket} method="POST"
								enctype="multipart/form-data" class="direct-upload">
									 <div id="note"><a href="">index</a> </div>
									 <g:if test="${realS3Path == ""}">
										<input type="hidden" name="key" value="${s3Config.rootPath}<%= '${filename}' %>">
									 </g:if>
									 <g:else>
									 	<input type="hidden" name="key" value="${s3Config.rootPath}${realS3Path}/<%= '${filename}' %>">
									 </g:else>
									 <input	type="hidden" name="AWSAccessKeyId" value="${s3Config.accessKeyId}"> 
									 <input	type="hidden" name="acl" value="${s3Config.aclPermission}">
									 <input type="hidden" name="success_action_status" value="201">	
									 <input type="hidden" name="policy" value="${s3Config.base64Policy}">
									 <input	type="hidden" name="signature" value="${s3Config.signature}">
									 
									 <input	type="hidden" id="fileSizeForDataTable" value="">
									 <input	type="hidden" id="fileNameForDataTable" value="">
									 <input id="addNewRow" type="hidden">
									 <div id="drop">
											Drop Here
											<input id="browserfile" type="file" name="file" multiple="multiple" />
											<input id="browserfolder" type="file" name="file" webkitdirectory/>
									</div>
						
									<ul>
										<!-- The file uploads will be shown here -->
									</ul>
							</form>
						</div>
				<div class="panel-footer">
					<div style="float: left">
						<a id="uploadfile" class="btn btn-primary refontbtn "><span
							class="fa fa-plus-circle"></span> File</a> <a id="uploadfolder"
							class="btn btn-primary refontbtn"><span
							class="fa fa-plus-circle"></span> Folder</a>
					</div>
					<div style="float: right">
						<a href="" data-dismiss="modal" class="btn btn-danger">Cancel</a>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
	</div>
</div>
<asset:javascript src="lib/manage/jquery.knob.js" />
<asset:javascript src="lib/manage/jquery.ui.widget.js" />
<asset:javascript src="lib/manage/jquery.iframe-transport.js" />
<asset:javascript src="lib/manage/jquery.fileupload.js" />
<asset:javascript src="js/manage/uploadfile.js" />
